<template>
  <div class="main">
    <el-container>
      <el-aside width="40%">
        <h4><slot name="tittle"></slot></h4>
        <slot name="svg"></slot>
      </el-aside>
      <el-main>
        <slot name="content">
         
        </slot>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  name: 'BoxTp',
 
  data () {
    return {
      
    }
  },
  created() {
  
  },
  methods() {
    
  }
}
</script>

<style scoped>
.main{
  width: 300px;
  height: 150px;
  background-color: rgb(145, 204, 214);
  border: thin solid grey;
}
.el-container{
  height: 100%;
}
.el-main{
  /* background-color: antiquewhite; */
  margin: auto;
  text-align: left;
}

</style>
